<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>

<script>
	$(document).ready( function() {	
		$("#join_agree").click(function() {
			var bool = false;
			if($("input:checkbox[id='join_agree']").is(":checked") ) {
				bool = true;
			} else {
				bool = false;
			}				

			$("input:checkbox[id='agree1']").attr("checked", bool);
			$("input:checkbox[id='agree2']").attr("checked", bool);
			$("input:checkbox[id='agree3']").attr("checked", bool);
		});
		
		$("#btnIdCheck").click(function() {
			var join_id=$("#join_id").val();
			
			if(join_id=='') {
				alert("아이디를 입력하여 주세요.");
				return;
			} 
			if (document.getElementById("join_id").value.length < 4 || document.getElementById("join_id").value.length >12 ) {
		      alert("아이디는 영문/숫자 포함 4~12자리만 가능합니다.");
		      $("#join_id").val("");
		      $("#join_id").focus();
		      return false;
		    }	    

		    //* 아이디에 한글이나 특수문자가 들어간경우
		    if(/[^0-9|a-z|\.|\-|\_]/i.test($('#join_id').val())){      
		      alert('특수문자는 유효하지않습니다.');  
		      $("#join_id").val("");
		      $("#join_id").focus();    
		      return false;
		    }  
		    
			//아이디 중복체크
			IdCheck(join_id);
		});
		
		$("#join_cancel").click(function() {
			alert('회원가입을 취소하시겠습니까?');
			location.href="/vhmall/main.vh";
		});
	
		
		$("#join_ok").click(function() {
			var join_id=$("#join_id").val();
			var join_pw=$("#join_pw").val();
			var join_pw_re=$("#join_pw_re").val();
			var join_email=$("#join_email").val();
			var join_birth_yyyy=$("#join_birth_yyyy").val();
			var join_birth_mm=$("#join_birth_mm").val();
			var join_birth_dd=$("#join_birth_dd").val();
			
			var homephoneno1=$("#homephoneno1").val();
			var homephoneno2=$("#homephoneno2").val();
			var homephoneno3=$("#homephoneno3").val();
			
						
			if($("#idcheck").val()=="N") {
				alert("아이디 중복체크를 해주세요");
				return;
			}
			
			
			if(join_pw=='') {
				alert("비밀번호를 입력하여 주세요.");
				return;
			} 
			if(join_pw.length<6) {
				alert("비밀번호는 영문/숫자 포함 6~10자 이하입니다.");
				return;
			} 
			if(join_pw_re=='') {
				alert("비밀번호확인을 입력하여 주세요.");
				return;
			}	
			
			//비밀번호 일치체크
			if(join_pw!=join_pw_re) {
				alert('비밀번호가 일치하지 않습니다.');
				return;
			}
			
			if(join_email=='') {
				alert("이메일을 입력하여 주세요.");
				return;
			}
			
			if(homephoneno1=='' || homephoneno2=='' || homephoneno3=='') {
				alert("전화번호를 입력하여 주세요.");
				return;
			}
			
			if(join_birth_yyyy=='' || join_birth_mm=='' || join_birth_dd=='') {
				alert("생년월일을 입력하여 주세요.");
				return;
			} 
			
			var join_sex = $(':radio[name="join_sex"]:checked').val();
			if(join_sex!='M' && join_sex!='F') {
				alert('성별을 선택하여 주세요');
				return;
			}
			
			//약관동의
			if(!$("input:checkbox[id='agree1']").is(":checked")) {
				alert("이용약관에 동의 하여 주세요");
				return;
			} 
			
			if(!$("input:checkbox[id='agree2']").is(":checked")) {
				alert("개인정보 취급 및 이용에 관한 안내에 동의하여 주세요");
				return;
			}
			
			document.frm.submit();
		});
	});
	
	function IdCheck(join_id) {
	    var data = {
				'id' : join_id
		}
		ajaxForJson("/vhmall/member/idcheck.vh", data, callBack);
	}
	
	function callBack(data) {
		if(data.result == 200){
			alert("사용할 수 있는 아이디입니다.");
			$("#idcheck").val("Y");
		}else{
			alert("사용할 수 없는 아이디입니다.");
			$("#idcheck").val("N");
		}
	}
	
	function idChange() {
		$("#idcheck").val("N");
	}
	
	/**********************************/
	/*우편번호 팝업 띄우기*/
	/**********************************/
	function fnOpenZipcode(obj,gubun){
		var url = "/vhmall/zipcode/zipcode.vh?functionName="+obj+"&gubun="+gubun;
		window.open(url, 'zipcode','width=520px,height=560px,directories=no,location=no,menubar=no,resizable=no,scrollbars=no ,status=yes,titlebar=no,toolbar=no');
	}
	
	/************************************************************/
	/* 우편번호 값 넣기*/
	/************************************************************/
	function setZipInfo(zipsel1, zipsel2, zpicdAddr, gubun){ //gubun의 기본값이 없을경우는 자동으로 " 1 " 
		if(gubun == 1){
	      document.getElementById("join_addr_zipcode1").value = zipsel1;
	      document.getElementById("join_addr_zipcode2").value = zipsel2;
	      document.getElementById("join_addr1").value = zpicdAddr;
	      document.frm.join_addr_zipcode1.readOnly = true;
	      document.frm.join_addr_zipcode2.readOnly = true;
	      document.frm.join_addr1.readOnly = true;
	      document.getElementById("join_addr2").value="";
	      document.getElementById("join_addr2").focus();
	    }
	}
	
	/* 기본 조회 버튼 function
    where와 p1 값으로 fnSearchZipcode return */
	function fnSearch(){//기본 조회 버튼 function
	    var where = document.getElementById("where").value;
	    var p1    = document.getElementById("p1").value;
	    $('#zip_list_hidden').empty();
	    $('#zip_list').html("<div id=\"divTable\">  <div style=\"font-weight: bold; text-align: center; margin-top: 130px;\">주소를 검색하세요.</div> </div>");
	    return fnSearchZipCode(where, p1, "", "", "");   
	}
	
	/* 각 변수에 의한 zipcodeProcess.jsp 호출 및 id=“list” div내 뿌려주기 */
	function fnSearchZipCode(objWhere, objP1, objRegion, objStart , objFull){
	    objP1 = encodeURI(objP1);  
	    $.get("../zipcode/zipcodeProcess.vh",        //ajax 로 페이지 부르기 zipcodeProcess.jsp
	        { 'where':objWhere, 'p1':objP1, 'region':objRegion, 'start':objStart, 'full':objFull},  // 선택된 것 Array로 넘기기
	        function(data) {            // Callback 함수
	          $('#zip_list_hidden').html(data);
	          var ziplist = document.getElementById("divTable");
	          $('#zip_list').html(ziplist);
	          
	          var zipcodeTable = document.getElementById("zipcodeTable");
	          if (zipcodeTable == null || zipcodeTable == 'undefined') {
	            alert("검색 결과가 없음");            
	            $('#zip_list').html("<div id=\"divTable\">  <div style=\"font-weight: bold; text-align: center; margin-top: 130px;\">검색 결과가 없습니다.</div> </div>");  
	          } else {          
	            var rowlen = zipcodeTable.rows.length;
	            var addr, addrVal, zipcodeVal, doblespan, trHtml;
	            var j = 1;
	            var i = 1;
	            for (  i = 1; i < rowlen ; i++ ) {
	              j = 1;
	              doblespan = zipcodeTable.rows[i].cells[0].getElementsByTagName("span")[1];
	              if ( !(doblespan == null || doblespan == "undefined"))  j = 2;
	              var k=0;
	              
	              for (k=0; k<j; k++) {              
	                trHtml = "";
	                addr = zipcodeTable.rows[i].cells[0].getElementsByTagName("span")[k];
	                addrVal = addr.innerHTML;
	                zipcodeVal = zipcodeTable.rows[i].cells[0].getElementsByTagName("strong")[0].innerHTML;
	                trHtml = "<a href=\"#none\" onclick=\"fnSelectZipcode('"+zipcodeVal+"','"+addrVal+"'); return false;\">"+addrVal+"</a>";
	                addr.innerHTML = trHtml;
	              }
	            }
	          }
	        },"text");
	}
	  
	/* 페이지 link function
	    where와 p1, 페이지링크(obj)값으로 fnSearchZipcode return */
	function fnSelectPage(obj, prenext, que, pagenum, event){ //페이지 link function
	    var where = document.getElementById("where").value;
	    var p1 = document.getElementById("p1").value;
	    return fnSearchZipCode(where, p1, "", pagenum, obj);
	}
	  
	/* 선택한 우편번호와 주소값을 가지고 부모창의 function 호출 및 팝업창 닫기 */
	function fnSelectZipcode(zip, addr){
	    var aZip = zip.split('-');
	    setZipInfo(aZip[0],aZip[1],addr,1);
	    $('#post_pop').dialog();
	    $('.ui-widget-overlay').remove();
	    $("#post_pop").dialog( "close" );
	    $('.ui-dialog').hide();
	}  
	
</script>

<script>
$(function() { 
	 // 다이얼로그 설정
	 $('#post_pop').dialog({
	  autoOpen: false,
	  resizable: false,
	  width: 400,
	  modal: true, // false로 하면 배경 선택 가능
	  zIndex:9999
	 });
	 
	 // 주석처리 하면 타이틀 표시됨
	 $(".ui-dialog-titlebar").hide();
	 
	 // 클릭시 다이얼로그 띄우기
	 $( "#btnFindPost" ).click(function() {
		 $('#post_pop').dialog({
			  autoOpen: false,
			  resizable: false,
			  width: 400,
			  modal: true,
			  zIndex:9999
		 });
		$(".ui-dialog-titlebar").hide();
		delText(p1);
		$('#zip_list_hidden').empty();
	    $('#zip_list').html("<div id=\"divTable\">  <div style=\"font-weight: bold; text-align: center; margin-top: 130px;\">주소를 검색하세요.</div> </div>");
	  	$( "#post_pop" ).dialog( "open" );
	 });
	 
	 // 다이얼로그 닫기
	 $( "#close_btn" ).click(function() {
	  $('#post_pop').dialog();
	  $('.ui-widget-overlay').remove();
	  $( "#post_pop" ).dialog( "close" );
	 });
});

$(function(){
    $("#agree1_open").click(function(){
    	if($("#agree1_li").css("display")=="none"){
            $("#agree1_li").show();
            $("#agree1_open").attr('class','open');   
        } else {  
        	$("#agree1_li").hide();   
            $("#agree1_open").attr('class','close');	
        }
    });
    
    $("#agree2_open").click(function(){
    	if($("#agree2_li").css("display")=="none"){
            $("#agree2_li").show();
            $("#agree2_open").attr('class','open');   
        } else {
            $("#agree2_li").hide();
            $("#agree2_open").attr('class','close');	
        }
    });
    
    $("#agree3_open").click(function(){
    	if($("#agree3_li").css("display")=="none"){
            $("#agree3_li").show();
            $("#agree3_open").attr('class','open');   
        } else {
            $("#agree3_li").hide();
            $("#agree3_open").attr('class','close');	
        }
    });
});  // 아코디언 메뉴
</script>

<!-- 콘텐츠 영역 -->
<div id="BodyWrap">
    <section>
		<form name="frm" method="post" action="/vhmall/member/joinComplete.vh">
			<input type="hidden" name="join_name" value="${data.uname}" />
			<input type="hidden" name="join_phone" value="${data.uphone}" />
			<input type="hidden" name="idcheck" id="idcheck" value="N" />
	
	         <h4 class="pag_title" title="회원정보 입력">회원정보 입력</h4>
	         <div id="ContentWrap4">
	             <section>
	             	<h5 class="hidtext" title="회원가입 정보 입력">회원가입 정보 입력</h5>
	                 <div class="item_buytitarea" title="회원정보 입력">회원정보 입력</div>
	                 <!-- 회원 필수 정보 입력 -->
	               <table width="100%" border="0" cellpadding="0" cellspacing="0" class="item_callist" summary="회원가입 정보 입력 목록">
	               	<colgroup>
	                   <col style="width:33%">
	                   <col style="width:67%">
	                   </colgroup>
	                   <tr>
	                   	<th>이름</th>
	                       <td class="ta_l">${data.uname}</td>
	                   </tr>
	                   <tr>
	                   	<th>휴대폰</th>
	                       <td class="ta_l">${data.uphone}</td>
	                   </tr>
	                   <tr>
	                   	<th>아이디</th>
	                       <td class="ta_l">
	                       	<div class="join_idckec">
	                               <div class="joinfl_chkk">
	                                   <a href="#" class="btninli_blk" title="중복확인" id="btnIdCheck"><span class="btn_ins">중복확인</span></a>
	                               </div>
	                               <div class="inpser_box bgbocol_gray">
	                                   <p><input type="text" name="join_id" id="join_id" onchange="idChange();"></p>
	                                   <a href="javascript:delText(join_id);" class="btn_delsi1" title="삭제">×</a>
	                               </div>
	                               <p class="popup_smlsize">영문/숫자 4~12자리, 대소문자 구분</p>
	                           </div>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>비밀번호</th>
	                       <td class="ta_l">
	                       	<div class="inpser_box bgbocol_gray">
	                           	<p><input type="password" name="join_pw" id="join_pw" placeholder="영문/숫자 포함 6~10자 이하" maxlength="10"></p>
	                               <a href="javascript:delText(join_pw);" class="btn_delsi1" title="삭제">×</a>
	                           </div>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>비밀번호확인</th>
	                       <td class="ta_l">
	                       	<div class="inpser_box bgbocol_gray">
	                           	<p><input type="password" name="join_pw_re" id="join_pw_re" placeholder="영문/숫자 포함 6~10자 이하" maxlength="10"></p>
	                               <a href="javascript:delText(join_pw_re);" class="btn_delsi1" title="삭제">×</a>
	                           </div>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>이메일</th>
	                       <td class="ta_l">
	                       	<div class="inpser_box bgbocol_gray">
	                           	<p><input type="text" name="join_email" id="join_email"></p>
	                               <a href="javascript:delText(join_email);" class="btn_delsi1" title="삭제">×</a>
	                           </div>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>전화번호</th>
	                       <td class="ta_l">
	                       	<div class="inpser_box bgbocol_gray">
	                           	<input type="text" name="homephoneno1" id="homephoneno1" class="inpt_wauto" style="width:50px;" value="" maxlength="3">
	                           	-
	                           	<input type="text" name="homephoneno2" id="homephoneno2" class="inpt_wauto" style="width:50px;" value="" maxlength="4">
	                           	-
	                           	<input type="text" name="homephoneno3" id="homephoneno3" class="inpt_wauto" style="width:50px;" value="" maxlength="4">
	                           </div>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>생년월일</th>
	                       <td class="ta_l">
				<label for="select"></label>
	                           <select name="join_birth_yyyy" id="join_birth_yyyy" style="width:85px;">
	                             <option value="">연도</option>
	                             <% for ( int y = 2014 ; y > 1900 ; y-- ) { %>
	                      <option value="<%=y%>"><%=y%></option>
	                    <% } %>
	                           </select>
	                           <select name="join_birth_mm" id="join_birth_mm" style="width:65px;">
	                             <option value="">월</option>
	                             <% for ( int m = 1 ; m <= 12 ; m++ ) { %>
	                      <option value="<%=m%>"><%=m%></option>
	                    <% } %>
	                           </select>
	                       	<select name="join_birth_dd" id="join_birth_dd" style="width:65px;">
	                             <option value="">일</option>
	                             <% for ( int d = 1 ; d <= 31 ; d++ ) { %>
	                      <option value="<%=d%>"><%=d%></option>
	                    <% } %>
	                           </select>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>성별</th>
	                     <td class="ta_l">
	                       <input type="radio" name="join_sex" id="join_man" value="M">
	                       <label for="man" class="mar_r10">남</label>
	                       <input type="radio" name="join_sex" id="join_woman" value="F">
	                       <label for="woman">여</label>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>주소</th>
	                       <td class="ta_l">
	                       	<p class="zipcode">
	                       		<input type="number" name="join_addr_zipcode1" id="join_addr_zipcode1" class="inpt_wauto" style="width:50px;" value="" maxlength="3">
	                           	-
	                           	<input type="number" name="join_addr_zipcode2" id="join_addr_zipcode2" class="inpt_wauto" style="width:50px;" value="" maxlength="3">
	                           	<a href="#" class="btninli_blk" style="font-size:0.67em; letter-spacing:-0.05em;" title="우편번호찾기" id="btnFindPost"><span class="btn_ins">우편번호찾기</span></a>
	                           	<!-- <a onclick="fnOpenZipcode('setZipInfo','1')" return false;><span class="btn_ins">우편번호찾기</span></a> -->
	                           </p>
	                           <p class="mar_b3"><input type="text" name="join_addr1" id="join_addr1" class="inpt_wauto" value=""></p>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>나머지주소</th>
	                       <td class="ta_l">
	                       	<div class="inpser_box bgbocol_gray">
	                           	<p><input type="text" name="join_addr2" id="join_addr2" value=""></p>
	                               <a href="javascript:delText(join_addr2);" class="btn_delsi1" title="삭제">×</a>
	                           </div>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>수신여부</th>
	                       <td class="ta_l">
	                       	<div class="mypa_radioarea">
	                           	<p>e-Mail</p>
					<p><input type="radio" name="emailrecv" id="emailrecv1" value="Y" checked>
	                                   <label for="email_radio1" class="mar_r12">수신</label>
	                                   <input type="radio" name="emailrecv" id="emailrecv2" value="N">
	                                   <label for="email_radio2">미수신</label>
	                               </p>
	                           </div>
	                           <div class="mypa_radioarea">
	                           	<p>SMS</p>
					<p><input type="radio" name="smsrecv" id="smsrecv1" value="Y" checked>
	                                   <label for="sms_radio1" class="mar_r12">수신</label>
	                                   <input type="radio" name="smsrecv" id="smsrecv2" value="N">
	                                   <label for="sms_radio2">미수신</label>
	                               </p>
	                           </div>
	                           <div class="mypa_radioarea">
	                           	<p>우편물</p>
					<p><input type="radio" name="postrecv" id="postrecv1" value="Y" checked>
	                                   <label for="mail_radio1" class="mar_r12">수신</label>
	                                   <input type="radio" name="postrecv" id="postrecv2" value="N">
	                                   <label for="mail_radio2">미수신</label>
	                               </p>
	                           </div>
	                       </td>
	                   </tr>
	               </table>
	               <!--// 회원 필수 정보 입력 -->
	               <!-- 회원 추가 정보 입력 -->
	               <div class="item_buytitarea" title="추가 입력사항">추가 입력사항</div>
	               <table width="100%" border="0" cellpadding="0" cellspacing="0" class="item_callist" summary="회원가입 선택적 정보 입력 목록">
	               	<colgroup>
	                   <col style="width:33%">
	                   <col style="width:67%">
	                   </colgroup>
	                   <tr>
	                   	<th>결혼여부</th>
	                     <td class="ta_l">
	                       <input type="radio" name="radio_marry" id="marryyes" value="1" checked>
	                       <label for="marryyes" class="mar_r10">미혼</label>
	                       <input type="radio" name="radio_marry" id="marryno" value="1">
	                       <label for="marryno">기혼</label>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>결혼기념일</th>
	                       <td class="ta_l">
				<label for="select"></label>
	                           <select name="join_marry_yyyy" id="join_birth_yyyy" style="width:85px;">
	                             <option>연도</option>
	                             <% for ( int y = 2014 ; y > 1900 ; y-- ) { %>
	                      <option value="<%=y%>"><%=y%>년</option>
	                    <% } %>
	                           </select>
	                           <select name="join_birth_mm" id="join_birth_mm" style="width:65px;">
	                             <option>월</option>
	                             <% for ( int m = 1 ; m <= 12 ; m++ ) { %>
	                      <option value="<%=m%>"><%=m%>월</option>
	                    <% } %>
	                           </select>
	                       	<select name="join_birth_dd" id="join_birth_dd" style="width:65px;">
	                             <option>일</option>
	                             <% for ( int d = 1 ; d <= 31 ; d++ ) { %>
	                      <option value="<%=d%>"><%=d%>일</option>
	                    <% } %>
	                           </select>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>직업</th>
	                       <td class="ta_l">
				<label for="job_select"></label>
	                           <select name="job_select" id="job_select" style="width:100%;">
	                             <option>직업선택</option>
	                             <option>회사원</option>
	                             <option>전문직</option>
	                             <option>대학생</option>
	                             <option>주부</option>
	                           </select>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>관심카테고리</th>
	                       <td class="ta_l">
	                       	<div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox01">
	                                   <label for="cate_checkbox01">&nbsp;</label>
	                               </div>
	                               <p>성분별 건강식품</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox02">
	                                   <label for="cate_checkbox02">&nbsp;</label>
	                               </div>
	                               <p>대상별 건강식품</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox03">
	                                   <label for="cate_checkbox03">&nbsp;</label>
	                               </div>
	                               <p>다이어트/피부건강/헬스</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox04">
	                                   <label for="cate_checkbox04">&nbsp;</label>
	                               </div>
	                               <p>전통 건강식품</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox05">
	                                   <label for="cate_checkbox05">&nbsp;</label>
	                               </div>
	                               <p>신선식품</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox06">
	                                   <label for="cate_checkbox06">&nbsp;</label>
	                               </div>
	                               <p>가공식품</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox07">
	                                   <label for="cate_checkbox07">&nbsp;</label>
	                               </div>
	                               <p>출산&amp;유아동제품/교육</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox08">
	                                   <label for="cate_checkbox08">&nbsp;</label>
	                               </div>
	                               <p>스포츠/레져</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox09">
	                                   <label for="cate_checkbox09">&nbsp;</label>
	                               </div>
	                               <p>뷰티용품</p>
	                           </div>
	                           <div class="join_seladoe">
	                               <div class="inp_ckb2 f_l">
	                                   <input type="checkbox" class="ckb" name="checkbox" id="cate_checkbox10">
	                                   <label for="cate_checkbox10">&nbsp;</label>
	                               </div>
	                               <p>생활/가전/디지털</p>
	                           </div>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>추천아이디</th>
	                       <td class="ta_l">
	                       	<div class="inpser_box bgbocol_gray">
	                           	<p><input type="text" name="textfield6" id="textfield6" value=""></p>
	                               <a href="#" class="btn_delsi1" title="삭제">×</a>
	                           </div>
	                       </td>
	                   </tr>
	                   <tr>
	                   	<th>VHmall을 알게된 경로</th>
	                       <td class="ta_l">
	                       	<div class="inpser_box bgbocol_gray">
	                           	<p><input type="text" name="textfield6" id="textfield6" value=""></p>
	                               <a href="#" class="btn_delsi1" title="삭제">×</a>
	                           </div>
	                       </td>
	                   </tr>
	               </table>
	               <!--// 회원 추가 정보 입력 -->
	               <!-- 약관 동의 -->
	               <div class="item_buytitarea" title="회원가입 약관 동의">회원가입 약관 동의
	               	<div class="agr_chk">
	                       <div class="inp_ckb">
	                           <input type="checkbox" class="ckb" name="join_agree" id="join_agree">
	                           <label for="agree_check">모두동의</label>
	                       </div>
	                   </div>
	               </div>
	               <ul class="agree_cks">
	               	<li>
	                   	<div class="shtit1">
	                       	<div class="inp_ckb2 f_l">
	                               <input type="checkbox" class="ckb" name="agree1" id="agree1">
	                               <label for="checkbox1">&nbsp;</label>
				</div>
				<p>이용약관<span class="fts_s1 ftc_red">(필수)</span></p>
	                       	<div class="btn_aghc">
	                               <a href="#" class="open" id="agree1_open">펼처보기</a>
	                           </div>
	                       </div>
	                   </li>
	                   <li class="sh_agre" id="agree1_li">
	                   	<div>
	                     		<jsp:include page="includes/agree.html"/> 
	                       </div>
	                   </li>
	                   <li>
	                   	<div class="shtit1">
	                       	<div class="inp_ckb2 f_l">
	                               <input type="checkbox" class="ckb" name="agree2" id="agree2">
	                               <label for="checkbox1">&nbsp;</label>
				</div>
	                           <p>개인정보 취급 및 이용에 관한 안내<span class="fts_s1 ftc_red">(필수)</span></p>
	                       	<div class="btn_aghc">
	                               <a href="#" class="close" id="agree2_open">펼처보기</a>
	                           </div>
	                       </div>
	                   </li>
	                   <li class="sh_agre" id="agree2_li">
	                   	<div>
	                     		<jsp:include page="includes/privacy.html"/>
	                       </div>
	                   </li>
	                   <li>
	                   	<div class="shtit1">
	                       	<div class="inp_ckb2 f_l">
	                               <input type="checkbox" class="ckb" name="agree3" id="agree3">
	                               <label for="checkbox1">&nbsp;</label>
				</div>
	                       	<p>개인정보 제3자 제공 이용자 동의<span class="fts_s1">(선택)</span></p>
	                       	<div class="btn_aghc">
	                               <a href="#" class="close" id="agree3_open">펼처보기</a>
	                           </div>
	                       </div>
	                   </li>
	                   <li class="sh_agre" id="agree3_li">
	                   	<div>
	                     		<jsp:include page="includes/agree_3.html"/> 
	                       </div>
	                   </li>
	               </ul>
	               <!--// 약관 동의 -->
	               <div class="btnposition_itembuy">
	                   <div class="btnwline2 btnborline_white">
	                       <a href="#" class="gradation_white2" title="취소" id="join_cancel">취소</a>
	                   </div>
	                   <div class="btnwline2 btnborline_red">
	                       <a href="#" class="gradation_red2" title="회원가입완료" id="join_ok">회원가입완료</a>
	                   </div>
	               </div>
	           </section>
	       </div>
      	</form>
    </section>
    <!--// 콘텐츠 영역 -->

    <!-- 팝업 -->
    <div class="popup_wrap" id="post_pop">
        <section>
        	<!-- 팝업내용 시작 -->
            <div class="popup_cont">
            	<!-- 콘텐츠 영역 -->
	            <div class="adsearch_bd">
	                <div class="addr_maintx">찾고자 하시는 주소의 동(읍/면)/도로명을 입력하세요.</div>
	                <div class="addr_sear">
	                    <div class="addr_f1">지역명</div>
	                    <div class="addr_f2">
	                        <a href="#" class="btninli_blk" title="검색" onClick="javascript:fnSearch();return false;"><span class="btn_ins">검색</span></a>
	                    </div>
	                    <div class="addr_inpbox">
	                    	<p>
	                            <input type="text" name="p1" id="p1" size="44" onkeydown="javascript: if (event.keyCode == 13) {fnSearch(); return false;}" onfocus="this.value='';" />
								<input type="hidden" name="where" id="where" value="zipcode_svc" />
	                        </p>
	                        <a href="javascript:delText(p1);" class="btn_delsi1" title="삭제">×</a>
	                     </div>
	                    <div class="addrstw">예)청담1동, 한강로 3가, 수지읍</div>
	                </div>
	                <div class="addr_maintx ta_l">아래의 목록에서 해당 되는 주소를 선택해주세요.</div>
                	<div id="zip_list_hidden" style="display: none;"></div>
                	<div id="zip_list">
						<div id="divTable">  
							<div style="font-weight: bold; text-align: center; margin-top: 130px;">주소를 검색하세요.</div>
						</div>
					</div>
			        </div>
				    <!--// 콘텐츠 영역 -->
                </div>
                <!-- 팡업내용 끝 -->


	            <div class="popup_btnposi">
                	<a href="#" class="btnili btnh34 gradation_gray1" title="닫기" id="close_btn">닫기</a>
                    <!--<a href="#" class="btnili btnh34 gradation_darkgray2 ftc_white" title="회원가입">회원가입</a> -->
                    <!--<a href="#" class="btnili btnh34 gradation_gray1" title="닫기" onClick="javascript:fnClose();return false;" >닫기</a>-->
                </div>
            </section>
    </div>
    <!--// 팝업 -->
